<template>
  <div class="box">
    <header class="header">
      <div class="aaa">
        <van-icon name="contact-o" size="50" />
        <p style="font-size: 30px;">张三</p>
      </div>
    </header>
    <div style="margin-top: 100px;" class="content">
      <div>
        <van-button type="default" block @click="$router.push('/myOrder')">查看我的订单</van-button>
      </div>
      <van-grid :column-num="5">
        <van-grid-item icon="photo-o" text="待付款" />
        <van-grid-item icon="photo-o" text="待收货" />
        <van-grid-item icon="photo-o" text="待收货" />
        <van-grid-item icon="photo-o" text="已完成" />
        <van-grid-item icon="photo-o" text="售后服务" />
      </van-grid>
       <div>
        <van-button type="default" block @click="$router.push('/wuliu')">查看物流</van-button>
      </div>
    </div>
  </div>
</template>
<script setup>
</script>
<style lang='scss' scoped>
.aaa {
  width: 100%;
  height: 100px;
  background: #09f;
  text-align: left;
  padding-top: 40px;
  display: flex;
}
</style>